<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>会员卡</title>
    <link rel="stylesheet" href="__PUBLIC__/css/weui/weui.min.css"/>
    <style>
        .codebar{
            background-image:-webkit-linear-gradient(360deg, #7C3D74,#CD97AF);
            background-image:linear-gradient(360deg,#7C3D74,#CD97AF);
            position: absolute;
            margin: 0;
            top:0;
            left: 0;
            height: 100%;
            width: 100%;
            display: flex;
            align-items:center;

        }
        .codebar .code{
            background:#fff;
            width:90%;
            height: 90%;
            border-radius: 5px;
            margin: 0 auto;
            text-align: center;
            position: relative;

        }
        .codebar .code img{
            margin-top:10px;
        }
        .codebar .code .intro{
            font-size:12px;
            color:#bbb;
            position: absolute;
            bottom: 15px;
            text-align: center;
            width: 100%
        }
        .codebar .weui-footer{
            color:#666;
        }
        .codebar .weui-footer a{
            color:#333;
        }
        .btn{border-radius: 5px;padding:10px 20px;text-align: center;font-size: 18px;background: #CD97AF;color:#fff;}
        .msg{padding:30px 0px 80px 0px;margin:5px;}
        .my-img img{border-radius: 30px}
    </style>
<body>

<div class="container codebar">

    <div class="code">
    <div class="head-pic" style="border-bottom:1px dashed #ccc">
        <span class="my-img">
        <img src='{$user[head_pic]|default="__STATIC__/images/user68.jpg"}' width="40">
        </span>
        <notempty name="$user['mobile']"><div><span>{$level_name}</span></div></notempty>
    </div>
    <notempty name="$user['mobile']">
        <img src="{:U('User/bgscode')}" width="90%">
        <img src="{:U('User/qrscode')}" width="90%">
    <else/>
    <div class="msg"><span>您还没有注册成为会员或办理会员卡，请先注册或办卡！</span></div>
    <div><a class="btn" href="{:U('User/userinfo')}">去注册</a></div>
    </notempty>
    </div>
    <div class="weui-msg__extra-area" style="margin-bottom:5px;">
        <div class="weui-footer">
            <p class="weui-footer__links">
                <a href="javascript:void(0);" class="weui-footer__link" style="color:#ccc">同城微聚汇</a>
            </p>
        </div>
    </div>
</div>
</body>

</html>